iT邦幫忙

2023 iThome 鐵人賽

DAY 13
1
Software Development

再騙小心沒朋友🥵 用LIFF實作LINE整人工具系列 第 13

[Day13] 不懂JavaScript 只好等著被整😔 流程控制篇 (4)

  • 分享至 

  • xImage
  •  

昨天有講到迴圈的概念分成兩種,一種是有限制執行次數的 for 迴圈,另一個就是無限執行的 while 迴圈。while 迴圈非常簡單,只要符合判段式條件就會一直重複執行程式碼。

while 迴圈語法

while (condition){
  // statements
}
  • condition (判斷條件)
    迴圈的判斷條件,每次執行迴圈前會先執行 condition 條件式,如果 condition 的值是 true 就會持續執行 statements 內的語法,直到 condition 變成 false 為止 (或遇到 break 也會跳出迴圈)。

由於只要 condition 內為 true 就會執行迴圈,所以也可以指定 condition 為 1、true 形成一個無限迴圈。像是:while(1)while (true)都可以。

while 迴圈實際範例

var n = 0;
while (n < 3){
console.log("第"+ n +"次");
n = n + 1;
}

和 for 迴圈的差別是不能在 while 迴圈的 condition 條件式直接宣告變數。執行完上面程式碼的結果如下:

同樣也可以在 while 區域內使用 break 和 continue ,跳出 while 迴圈或直接執行下一次迴圈。

while (true) {
  console.log("Hello");
  break;
}

建立一個無限迴圈while (true),如果沒有 break 的話迴圈就會一直重複執行,永遠不會停止。加上 break 後迴圈只會執行一次,接著便跳出迴圈。

do...while 迴圈語法

do...while 和 while 迴圈的差別是 do...while 迴圈會先執行循環體(do)後再檢查停止條件(condition)。因此「不管條件是否為 true」,在 do...while 迴圈中都至少會執行一次。

do {
  // statements
} while (condition);
  • statements 內的程式碼至少會被執行 1 次。
  • condition 為判斷 statements 是否能執行 > 1 次的條件。

do...while 迴圈實際範例

直接建立一個條件為 false 的迴圈,分別用 while 迴圈和 do...while 迴圈 看執行結果。

雖然迴圈條件都不成立,但是 do...while 迴圈最初還是執行一次,可以把 do...while 迴圈想成先做再說,執行一次之後才會檢查終止條件是否成立。


上一篇
[Day12] 不懂JavaScript 只好等著被整😔 流程控制篇 (3)
下一篇
[Day14] 不懂JavaScript 只好等著被整😔 陣列篇
系列文
再騙小心沒朋友🥵 用LIFF實作LINE整人工具30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言